h1 {text-align: center;
margin: 40px;

}

h1 span:nth-child(1) {
    color:rgb(242, 78, 13);
}

h1 span:nth-child(2) {
    color:rgb(242, 78, 13);


}

h1 span:nth-child(3) {
    color:rgb(242, 78, 13);


}

h1 span:nth-child(4) {
    color:rgb(242, 78, 13);

}

h1 {
    font-family: "Amatic SC", sans-serif;
    font-size: 70px;
    
}

button {
    background-color: rgb(125, 125, 125);
    font-size: 20px;
    color: white;
    border:none;
    cursor:pointer;
    text-align:center;
    border-radius: 6px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Amatic SC", sans-serif;
    /* margin-left: 550px; */
    margin-top: 80px;
}

.container{
    text-align: center;

    
}
#form{
    display: flex;
    justify-content: center;
    align-items: center;
}
#output {
    width: 80vw; /* 가로 너비 제한 */
    height: 90px; /* 세로 높이 제한 */
    overflow: none; /* 넘치는 텍스트를 숨김 */
    white-space: nowrap; /* 텍스트를 한 줄로 유지 */
    /* border: 1px solid #ccc; 가시적인 테두리 추가 */
    padding-top: 0px; /* 내부 여백 */
    font-size: 140pt; /* 글꼴 크기 */
    text-align: center; /* 텍스트 중앙 정렬 */
    margin: 0px auto; /* 중앙 정렬을 위한 여백 */
    color:rgb(144, 216, 255);
}

footer {
    text-align: right;
    margin-right: 20px;
    font-size: 14px;
}
   

fieldset {
    margin-top: 10px;
    margin-bottom: 0;
    justify-content: center;
    font-family: "NanumGimYuICe";
    font-size: 14pt; 
}

.center {
    display: flex;
    flex-direction: column;
    align-items: center; /* 수평 중앙 정렬 */
    justify-content: center; /* 수직 중앙 정렬 (필요 시) */
}

.options-container {
    display: flex;
    justify-content: center;
    margin-top: 0px;
}

fieldset {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 또는 center, 필요에 따라 조정 */
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
}